<template>
	<!--POP画册、POP下单、道具下单-->
	<view class="page-content">
		<view class="page-body">
			<view class="box-tit">
				<view class="title">{{objdata.title}}</view>
				<view class="time">{{objdata.create_time | ftime}}</view>
			</view>
			<view class="box-cen">{{objdata.content}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		components: {},
		data() {
			return {
				objdata: {
					title: '明天需采购内容明天需',
					create_time: '2020-12-22',
					content: '橱窗背景9套；海报背景/玻璃贴各5套；易拉宝海报3张；名片需跟厂家核实价格橱窗背景9套；海报背景/玻璃贴各5套；易拉宝海报3张；名片需跟厂家核实价格。'
				},
				page_title: '记事本',
				user_statu: {
					add_statu: false,
					replace_statu: false,
					stick_del_statu: false
				}
			}
		},
		// 过滤器
		filters: {
			ftime(value) {
				let t = ''
				if (!!value) {
					const times = value;
					t = times.split(" ")[0];
				}
				return t
			}
		},
		onLoad(option) {
			console.log(222, option)
			if(option.item){
				this.objdata = JSON.parse(option.item);
			}
		},
		methods: {
			//跳转详细页
			toDet(id) {
				uni.navigateTo({
					url: ``
				})
			},
			clickRight() {
				if (this.page_type === '2') {
					uni.navigateTo({
						url: ''
					})
				}
			},
			//删除
			deleted(e) {
				console.log(333, e)
				if (this.datalist && this.datalist.length > 0) {

				}
			},
			loadmore() {

			},
		}
	}
</script>

<style lang="scss">
	.page-content {
		width: 100vw;
		height: 100%;
		background: $uni-bg-color-grey;
		border-top: 1rpx solid #F2F4F5;

		.page-body {
			display: flex;
			flex-direction: column;
			background: $uni-bg-color;
			padding: 30rpx;
			.box-tit{
				display: flex;
				align-items: center;
				justify-content: space-between;
				margin-bottom: 20rpx;
				.title{
					font-size: 32rpx;
					font-weight: 400;
					color: $font-color-3;
				}
				.time{
					text-align: right;
					width: 200rpx;
					font-size: 24rpx;
					font-weight: 400;
					color: $font-color-9;
				}
			}
			.box-cen{
				font-size: 32rpx;
				font-weight: 400;
				color: $font-color-3;
				line-height: 50rpx;
			}
		}
	}
</style>
